<template>
  <div class="home">
    <el-container>
      <el-main>
        <HelloWorld msg="Welcome to Your Vue.js App" />
      </el-main>
    </el-container>
  </div>
</template>

<script lang="ts">
  // @ is an alias to /src
  import { Component, Vue, Watch } from 'vue-property-decorator';
  import { Route } from 'vue-router';
  import HelloWorld from '@/components/HelloWorld.vue';
  // import Utlis from '@/utils/utlis';

  @Component({
    name: 'athorityList',
    components: { HelloWorld },
  })
  export default class Home extends Vue {
    /** data */
    public userName: string = 'user';

    /** 生命周期钩子 */
    private created() {
      // const str: string | null = Utlis.parseTime(new Date().getTime().toString());
      console.log(this.userName);
    }

    /** 路由钩子 */
    private beforeRouteEnter(to: Route, from: Route, next: any) {
      next();
    }

    private beforeRouteUpdate(to: Route, from: Route, next: any) {
      next();
    }

    private beforeRouteLeave(to: Route, from: Route, next: any) {
      next();
    }
  }
</script>
